import {PageContainer} from '@ant-design/pro-components';
import {Alert, Card, Typography,Image} from 'antd';
import React from 'react';
import {FormattedMessage, useIntl} from 'umi';
import styles from './Welcome.less';
import logo1 from '../img/WX20230104-175029@2x.png'
import logo2 from '../img/WX20230104-180117@2x.png'
import logo3 from '../img/WX20230104-180407@2x.png'
import logo4 from '../img/WX20230104-180817@2x.png'
import logo5 from '../img/WX20230104-181614@2x.png'
import logo6 from '../img/WX20230104-181726@2x.png'


const CodePreview: React.FC = ({children}) => (
  <pre className={styles.pre}>
    <code>
    </code>
  </pre>
);

const Welcome: React.FC = () => {
  const intl = useIntl();

  return (
    <PageContainer>
      <Card>
        <Typography.Text strong style={{fontSize:"18px"}}>
          <FormattedMessage id="pages.welcome.lo" defaultMessage="Welcome"/>
        </Typography.Text>
        <pre className={styles.pre}>
             <h5>1、小桔在每天开始10点30分可以开始进行登录 </h5>
             <h5>2、在账号管理->坐席账单中找到商户号为littleorange的账号，点击Login，弹出弹窗，输入验证码后点击Login登录 </h5>
             <h5>3、一般来说验证码都是会刷新的，如果发现两次打开都是同一个验证码，请点击弹窗的"刷新"按钮刷新验证码 </h5>
             <h5>4、小桔的所有账号登陆完成后，点击商户管理->商户列表，找到littleorange，点击编辑，在"运行状态"一栏选择状态1，再点击保存，</h5>
             <h5>  保存成功后会自动刷新页面，显示运行状态为1表示成功，会开启拉单 </h5>
        </pre>
        <Typography.Text strong style={{fontSize:"18px"}}>
          <FormattedMessage id="pages.welcome.chenxing" defaultMessage="Welcome"/>
        </Typography.Text>
        <pre className={styles.pre}>
             <h5>1、chenxing在每天开始10点30分可以开始进行登录 </h5>
             <h5>2、在账号管理->坐席账单中找到商户号为chenxing的账号，点击Login，弹出弹窗，输入验证码后点击Login登录 </h5>
             <h5>3、一般来说验证码都是会刷新的，如果发现两次打开都是同一个验证码，请点击弹窗的"刷新"按钮刷新验证码  </h5>
             <h5>4、晨星的所有账号登陆完成后，点击商户管理->商户列表，找到chenxing，点击编辑，在"运行状态"一栏选择状态1，再点击保存，</h5>
             <h5>  保存成功后会自动刷新页面，显示运行状态为1表示成功，会开启拉单 </h5>
        </pre>
        <Typography.Text strong style={{fontSize:"18px"}}>
          <FormattedMessage id="pages.welcome.xxe" defaultMessage="Welcome"/>
        </Typography.Text>
        <pre className={styles.pre}>
             <h5>建议使用火狐浏览器(Firefox)，教程以火狐为例</h5>
             <h5>1、10点后可以登录 </h5>
             <h5>2、在商户管理->商户列表获取甲方登陆地址 </h5>
             <h5>3、双指点击触摸屏(右键)，弹出菜单，选择检查 </h5>
            <Image
              width={200}
              src={logo1}
            />
            <h5>4、在检查的菜单栏中选择"存储" </h5>
           <Image
             width={200}
             src={logo2}
           />
           <h5>5、在账号管理->坐席账号中找到对应坐席，复制账号密码，在手机的谷歌验证码中找到对应坐席的谷歌验证码，进行登录 </h5>

          <h5>6、在存储的左边列表中找到"Cookie"，点击Cookie的子菜单("网址") </h5>
           <Image
             width={200}
             src={logo3}
           />
          <h5>7、在点击子菜单之后，右边列表选择标题为"值"的数据，双击即全选，"command+C"复制即可，请勿关闭检查菜单 </h5>
           <Image
             width={200}
             src={logo4}
           />
         <h5>8、在账号管理->坐席账号中找到对应坐席，点击Login按钮，弹出弹窗，在Code输入框中"command+V"粘贴刚刚复制的Cookie，在点击弹窗的Login，该账号登录完成 </h5>
         <h5>9、返回甲方网站，在Cookie的子菜单，双指点击(右键)，出现弹窗，点击全部删除 </h5>
           <Image
             width={200}
             src={logo5}
           />
          <h5>10、删除Cookie之后显示，如下图右侧Cookie数据为空</h5>
           <Image
             width={200}
             src={logo6}
           />
          <h5>11、"command+R"刷新页面，重复第一步登录新账号</h5>


          <h5>12、一个甲方的全部坐席账号登录完成之后，点击商户管理->商户列表，找到对应甲方，点击编辑，在"运行状态"一栏选择状态1，再点击保存，</h5>

        </pre>
      </Card>
    </PageContainer>
  );
};

export default Welcome;
